<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>理财网站</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="js/libs/owlcarousel2.2.1/dist/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="js/libs/owlcarousel2.2.1/dist/assets/owl.theme.default.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>
<!--[if lt IE 9]>
<p>您的浏览器版本过低，请在 <a href="http://browsehappy.com" target="_blank">这里</a> 进行更新</p>
<![endif]-->

<header>
    <nav class="top clearfix">
        <span class="tel pull-left">理财热线：400-888-8888</span>
        <ul class="pull-right">
            <li><a href="#">登录</a></li>
            <li><a href="#">快速注册</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">帮助</a></li>
            <li><a href="#">APP下载</a></li>
        </ul>
    </nav>
    <nav class="main clearfix">
        <a href="#" class="pull-left">
            <img src="img/logo@1x.png" alt="logo">
        </a>
        <ul class="pull-right">
            <li><a href="#">首页</a></li>
            <li><a href="#">理财频道</a></li>
            <li><a href="#">投资频道</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">安全保障</a></li>
        </ul>
    </nav>
</header>

<div class="content">
    <section class="transaction clearfix">
        <p class="pull-left">平台累计成交金额<span>19888</span>万元</p>
        <p class="pull-left">过去7日成交金额<span>1888</span>万元</p>
        <a href="#" class="pull-right">查看平台运营报告</a>
    </section>

    <div class="ad">
        <div class="owl-carousel owl-theme">
            <div class="item">
                <picture>
                    <!--[if lte IE 9]><video style="display: none;"><![endif]-->
                    <source srcset="img/ad001-l.png" media="(min-width: 50.0625rem)">
                    <source srcset="img/ad001-m.png" media="(min-width: 30.0625rem)">
                    <!--[if IE 9]></video><![endif]-->
                    <img src="img/ad001.png" alt="">
                </picture>
            </div>
            <div class="item">
                <picture>
                    <!--[if lte IE 9]><video style="display: none;"><![endif]-->
                    <source srcset="img/ad002-l.png" media="(min-width: 50.0625rem)">
                    <source srcset="img/ad002-m.png" media="(min-width: 30.0625rem)">
                    <!--[if IE 9]></video><![endif]-->
                    <img src="img/ad002.png" alt="">
                </picture>
            </div>
            <div class="item">
                <picture>
                    <!--[if lte IE 9]><video style="display: none;"><![endif]-->
                    <source srcset="img/ad003-l.png" media="(min-width: 50.0625rem)">
                    <source srcset="img/ad003-m.png" media="(min-width: 30.0625rem)">
                    <!--[if IE 9]></video><![endif]-->
                    <img src="img/ad003.png" alt="">
                </picture>
            </div>
        </div>
    </div>

    <section class="feature clearfix">
        <div class="item pull-left clearfix">
            <h3 class="pull-left text-center">安全</h3>
            <p class="pull-left">国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>
        <div class="item pull-left clearfix">
            <h3 class="pull-left text-center">权威</h3>
            <p class="pull-left">中央电视台推荐<br>互联网百强企业<br>标准起草单位</p>
        </div>
        <div class="item pull-left clearfix">
            <h3 class="pull-left text-center">省心</h3>
            <p class="pull-left">100元起投<br>用户利益保障机制<br>保险公司承保</p>
        </div>
    </section>

    <section class="notice clearfix">
        <a href="#" class="newest"><span>最新公告：2015-12-31</span>元旦期间业务受理及值班公告/元旦期间业务受理及值班公告/元旦期间业务受理及值班公告/元旦期间业务受理及值班公告</a>
        <a href="#" class="more pull-right">更多公告</a>
    </section>

    <section class="product text-center clearfix">
        <div class="pro-title pull-left ">
            <h2>固定期限产品</h2>
            <p>甄选优质基金</p>
            <p>省时省力</p>
            <p>坐等收益</p>
        </div>
        <div class="pro-content pull-left">
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>3</em>个月</p>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>3.50% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        总成交金额:<br>
                        <em>1880 </em>
                        <i>万元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>3-6</em>个月</p>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>3.60% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        总成交金额:<br>
                        <em>2880 </em>
                        <i>万元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left ">
                    <p><em>6-12</em>个月</p>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>4.50% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        总成交金额:<br>
                        <em>3880 </em>
                        <i>万元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left ">
                    <p><em>12-24</em>个月</p>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>5.60% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        总成交金额:<br>
                        <em>4880 </em>
                        <i>万元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left ">
                    <p><em>24</em>个月以上</p>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>6.20% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        总成交金额:<br>
                        <em>5880 </em>
                        <i>万元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">购买</a>
                </div>
            </div>
        </div>
    </section>

    <section class="product text-center clearfix">
        <div class="pro-title pull-left">
            <h2>债权/散标产品</h2>
            <p>自主投资</p>
            <p>期限灵活</p>
        </div>
        <div class="pro-content pull-left">
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>3</em>个月</p>
                    <span>日常生活消费</span>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>4.90% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        金额:<br>
                        <em>18,000 </em>
                        <i>元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">投标</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>5</em>个月</p>
                    <span>资金周转</span>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>5.20% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        金额:<br>
                        <em>28,000 </em>
                        <i>元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#">投标</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>7</em>个月</p>
                    <span>个人消费</span>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>5.50% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        金额:<br>
                        <em>38,000 </em>
                        <i>元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#" class="disable">还款中</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>1</em>个月</p>
                    <span>日常生活消费</span>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>4.60% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        金额:<br>
                        <em>48,000 </em>
                        <i>元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#" class="disable">还款中</a>
                </div>
            </div>
            <div class="item clearfix">
                <div class="time pull-left">
                    <p><em>12</em>个月以上</p>
                    <span>资金周转</span>
                </div>
                <div class="info pull-left">
                    <p class="pull-left">
                        约定年化收益率:<br>
                        <em>7.20% </em>
                        <i>起</i>
                    </p>
                    <p class="pull-left">
                        金额:<br>
                        <em>58,000 </em>
                        <i>元</i>
                    </p>
                </div>
                <div class="buy pull-left">
                    <a href="#" class="disable">已满标</a>
                </div>
            </div>
        </div>
    </section>

    <nav class="footer clearfix">
        <div class="brand pull-left">
            <img src="img/logo@1x.png" alt="logo" id="gray">
        </div>
        <ul class="pull-left">
            <li>关于我们</li>
            <li><a href="#">公司介绍</a></li>
            <li><a href="#">业务模式</a></li>
            <li><a href="#">合作机构</a></li>
            <li><a href="#">服务协议</a></li>
        </ul>
        <ul class="pull-left">
            <li>风险防范</li>
            <li><a href="#">账号安全</a></li>
            <li><a href="#">安全保障</a></li>
        </ul>
        <ul class="pull-left">
            <li>理财产品</li>
            <li><a href="#">固定期限</a></li>
            <li><a href="#">债权/散标</a></li>
        </ul>
        <ul class="pull-left">
            <li>交易帮助</li>
            <li><a href="#">购买</a></li>
            <li><a href="#">赎回</a></li>
            <li><a href="#">提现</a></li>
        </ul>
        <ul class="pull-left">
            <li>机构服务</li>
            <li><a href="#">机构中心</a></li>
            <li><a href="#">合作联系</a></li>
        </ul>
    </nav>
</div>

<footer class="text-center">
    <ul>
        <li><i class="icon icon-zfywxk"></i></li>
        <li><i class="icon icon-pcirk"></i></li>
        <li><i class="icon icon-visayz"></i></li>
        <li><i class="icon icon-vsjmfw"></i></li>
        <li><i class="icon icon-wlgs"></i></li>
        <li><i class="icon icon-rzcx"></i></li>
        <li><i class="icon icon-gs"></i></li>
    </ul>
    <p>北京某互联网金融公司 版权所有 &copy; 2015-2016</p>
</footer>

<script src="js/libs/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="js/libs/owlcarousel2.2.1/dist/owl.carousel.min.js" type="text/javascript"></script>
<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>
<script src="js/libs/picturefill/picturefill.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
